<script setup>
import NowWeather from '../components/NowWeather.vue'
import CitySearch from '../components/CitySearch.vue'
import Future7DWeather from '../components/Future7DWeather.vue'
import Future24HWeather from '../components/Future24HWeather.vue'

import LivingIndex from '../components/LivingIndex.vue'
</script>


<template>
  <CitySearch />
  <NowWeather />
  <div class="futrue">
    <div><Future24HWeather /></div>
    <div><Future7DWeather /></div>
  </div>
  <div>
    <LivingIndex />
  </div>
</template>

<style scoped>
.futrue {
  display: flex;
  gap: 16px;
}
.futrue div {
  flex: 1; /* 等分剩余空间 */
}
</style>